vue
<template>
  <view class="container">
    <view class="card">
      <view class="title">发布成功</view> <!-- 显示发布成功的标题 -->
      <view class="subtitle">标题: {{ title }}</view> <!-- 显示标题 -->
      <view class="subtitle">内容: {{ content }}</view> <!-- 显示内容 -->
      <view class="subtitle" style="color:green">回答内容: {{ student_content }}</view> <!-- 显示回答内容 -->
      <view class="subtitle">评分: {{ score }} 分</view> <!-- 显示评分 -->
      <view class="subtitle" style="color:red">评论: {{ score_content }}</view> <!-- 显示评论 -->
      <button @click="goBack">返回</button> <!-- 返回按钮 -->
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      title: "周报0908", // 标题
      content: "内容0901", // 内容
      student_content: "回答内容", // 学生回答内容
      score: 10, // 评分
      score_content: "同学很好", // 评论
    };
  },
  onLoad(options) {
    // 页面加载时，从参数中获取数据
    // this.title = options.title || "无标题"; // 获取标题
    // this.content = options.content || "无内容"; // 获取内容
    // this.student_content = options.student_content || "无回答"; // 获取回答内容
    // this.score = options.score || 0; // 获取评分
    // this.score_content = options.score_content || "无评论"; // 获取评论
  },
  methods: {
    goBack() {
      // 返回上一页面
      uni.navigateBack();
    },
	submitAnswer() {
	  this.errorMessage = ""; // 清空错误信息
	
	  // 检查回答是否非空且不少于200字
	  if (!this.student_content) {
	    this.errorMessage = "回答不能为空。"; // 如果回答为空，设置错误信息
	  } else if (this.student_content.length < 200) {
	    this.errorMessage = "回答必须不少于200字。"; // 如果回答少于200字，设置错误信息
	  } else {
	    // 提交回答的逻辑
	    uni.showToast({
	      title: '回答提交成功', // 提交成功的提示
	      icon: 'success'
	    });
	
	    // 假设评分和评论是固定的，您可以根据需要修改
	    const score = 5; // 示例评分
	    const scoreContent = "非常好！"; // 示例评论
	
	    // 跳转到成功页面，并传递参数
	    uni.navigateTo({
	      url: `/pages/success/success?title=${this.title}&content=${this.content}&student_content=${this.student_content}&score=${score}&scoreContent=${scoreContent}`
	    });
	  }
	}
  }
};
</script>

<style>
.container {
  padding: 20px; /* 容器内边距 */
}
.card {
  border: 1px solid #ccc; /* 卡片边框 */
  padding: 15px; /* 卡片内边距 */
  border-radius: 5px; /* 卡片圆角 */
}
.title {
  font-size: 24px; /* 标题字体大小 */
  font-weight: bold; /* 标题加粗 */
}
.subtitle {
  margin-top: 10px; /* 上边距 */
  font-size: 18px; /* 子标题字体大小 */
}
button {
  margin-top: 20px; /* 上边距 */
  background-color: #007AFF; /* 按钮背景颜色 */
  color: white; /* 按钮文字颜色 */
  padding: 10px; /* 按钮内边距 */
  border: none; /* 去掉边框 */
  border-radius: 5px; /* 按钮圆角 */
}
</style>